<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>BFC测试</title>


    <style>
        body{
            margin: 0;
        }



        .test{
            /* background-color: blueviolet; */
            margin: 50px;
            padding: 10px;
        }

        .test2{
            background-color: burlywood;
            margin: 50px;
            padding: 20px;
        }

        .line{
            background-color: red;
            height: 50px;
        }

    </style>

</head>

<body>
    <div style="background-color: blueviolet;">
        测试文字aaaaa啊啊啊啊测试文字aaaaa啊啊啊啊测试文字aaaaa啊啊啊啊
    </div>
    <div style="background-color: bisque;line-height: 1;">
        <span style="background-color: chocolate;">

        
        <span class="test">111</span>
        <span class="test">apbg国</span>
        <span class="test2">xxx</span>
        <!-- <img src="https://img.imgdb.cn/item/5fc0987f15e771908456534c.jpg"></img> -->
        
        <span class="test" style="font-size: 50px;">apb国</span>
        <span class="test">444</span>
    </span>
    </div>
    
    <div style="background-color: cadetblue;font-size: 60px;">
        测试文 字aaaaa啊啊啊啊测试文字<img style="width: 60px;height:60px;margin-bottom: -0.3%;" src="https://img.imgdb.cn/item/5fc0987f15e771908456534c.jpg"></img>aaaaa啊啊啊啊测试文字aaaaa啊啊啊啊
    </div>

</body>

</html>